<template>
	<view>
		<view class="homepage" v-if="index==1">
			<view class="homebanner">
				<image src="../../static/img/banner.png" mode="widthFix"></image>
			</view>
			<!-- 服务类型 -->
			<view class="servertype">
				<view class="list" @click="select(5)">
					<image src="../../static/img/1.png"></image>
					<view>信息咨询</view>
				</view>
				<view class="list" @click="select(3)">
					<image src="../../static/img/2.png"></image>
					<view>会议服务</view>
				</view>
				<view class="list" @click="select(4)">
					<image src="../../static/img/3.png"></image>
					<view>展览服务</view>
				</view>
				<view class="list" @click="select(2)">
					<image src="../../static/img/4.png"></image>
					<view>企业管理</view>
				</view>
			</view>
			<!-- 知识分享 -->
			<view class="knowshare">
				<view class="knowshare-title">知识分享</view>
				<view class="info">
					<view class="info-img">
						<image src="../../static/img/r4.png"></image>
					</view>
					<view class="info-text" @click="select(6)">
						<view class="text-title"><i></i>人员管理</view>
						<view class="text-intro">
							管理人员应该根据公司的财务状况和行业情况，制定合理的薪酬制度。薪酬制度应该公正、透明、合理，既要符合员工的贡献和工作量，也要符合公司的经济利益和战略目标。此外，薪酬制度还应该有一定的弹性和激励机制，激发员工的工作积极性和创造力。</view>
					</view>
				</view>
				<view class="info">
					<view class="info-img">
						<image src="../../static/img/r2.png"></image>
					</view>
					<view class="info-text" @click="select(7)">
						<view class="text-title"><i style="background-color: #B2831E;"></i>服务管理</view>
						<view class="text-intro">服务质量包含两个方面的内容：一是技术性质量。指的是服务结果的质量，即服务本身的质量标准、环境条件、网点设置以及服务事项、服务时间、服务设备等是否适应和方便顾客的需求。</view>
					</view>
				</view>
				<view class="info">
					<view class="info-img">
						<image src="../../static/img/r3.png"></image>
					</view>
					<view class="info-text" @click="select(8)">
						<view class="text-title"><i style="background-color: #81B21E;"></i>假期管理</view>
						<view class="text-intro">
							根据《职工带薪休假条例》规定，员工根据其累计工作年限（工龄）依法享有年休假，通常为工龄1到10年的，年休假为5天；工龄10年以上不满20年的，年休假为10天；工龄20年以上的，年休假为15天。
						</view>
					</view>
				</view>
			</view>
			<!-- 公司介绍 -->
			<view class="compony">
				<view class="compony-title">
					麦穗服务
				</view>
				<view class="compony-intro">
					麦穗服务，主要经营信息咨询服务会议及展览服务，企业管理服务。公司秉承着诚信为本，客户之上的服务原则，建立来获得的很多和客户的好评及回头，现已拥有众多的长久客户，也有很多介绍的客户回头客啥的，真是好。
					企业管理服务。公司秉承着诚信为本，客户之上的服务原则，建立来获得的很多和客户的好评及回头，现已拥有众多的长久客户，也有很多介绍的客户回头客啥的，真是好。
					企业管理服务。公司秉承着诚信为本，客户之上的服务原则，建立来获得的很多和客户的好评及回头，现已拥有众多的长久客户，也有很多介绍的客户回头客啥的，真是好。
				</view>
			</view>

		</view>
		<view v-if="index==2" class="consult">
			<view class="serviceconsultation">服务咨询</view>
			<view class="FormSubmission">
				<view class="formname">
					<text class="formtext">姓名</text><input type="text" v-model="form.name">
				</view>
				<view class="formname">
					<view class="formtext">联系方式</view><input type="text" v-model="form.phone">
				</view>
				<view class="formname formarea">
					<view class="formtext">问题描述</view><textarea cols="100" row="5" v-model="form.intro"></textarea>
				</view>
			</view>
			<view class="consult-btn" @click="gosubmit()">提交</view>

		</view>
		<!-- 服务介绍-->
		<view class="server" v-if="index==5">
			<view class="servertype">
				<image src="../../static/img/fwzx.jpg" mode="widthFix"></image>
			</view>
			<view class="serve-text">
				<view class="text-title"><i style="background-color: #1F45B0;"></i>信息咨询</view>
				<view class="text-intro">
					信息咨询是通过各种信息处理技术，对各种信息开展收集、处理加工以及分析传递，向客户提供解决方案、策略、建议、规划或措施等信息产品知识型产业；它的服务领域涉及社会、科技、经济等每个方面，包括所有可能的学科范围，从政策研究到高度专业性的工程服务和技术开发的调研，通过咨询途径获取最新的技术，最大限度降低经营成本；寻找合适的合作伙伴，进行有力的广告宣传，提高企业的竞争力，降低风险；是属于知识密集，技术含量高的，综合能力效益显著的社会服务行业。
				</view>
			</view>
		</view>
		<view class="server" v-if="index==3">
			<view class="servertype">
				<image src="../../static/img/rjdz.jpg" mode="widthFix"></image>
			</view>
			<view class="serve-text">
				<view class="text-title"><i style="background-color: #B2831E;"></i>会议服务</view>
				<view class="text-intro"> 麦穗服务展览服务工作室咨询，是一个深受客户好评的服务咨询工作室，回头客好评如潮；我们工作室的服务把客户当作客户来服务，客户被服务豌豆评价我们真好。
					会议服务服务会议内容、参会人员、会议的时间，参会人员的路况及坐什么车。还有座谈会，研讨会啥各种会议都可以，会议安排及会议所需的材料准备都能做，发布会、
				</view>
			</view>
		</view>
		<!-- 软件定制 -->
		<view class="server" v-if="index==4">
			<view class="servertype">
				<image src="../../static/img/xtwh.jpg" mode="widthFix"></image>
			</view>
			<view class="serve-text">
				<view class="text-title"><i style="background-color: #81B21E;"></i>展览服务</view>
				<view class="text-intro"> 麦穗服务展览服务工作室咨询，是一个深受客户好评的服务咨询工作室，回头客好评如潮；我们工作室的服务把客户当作客户来服务，客户被服务豌豆评价我们真好。
					顾名思义软件工程是软件工程那么软件工程到底是都很么我来该你白车一下子，不知道大家一抔没有学过软件工程的可...里流量
				</view>
			</view>
		</view>
		<!--提交 -->
		<view class="submit">
			<view @click="select(1)" :class="index==1?'active':''">首页</view>
			<view @click="select(2)" :class="index==2?'active':''">提交</view>
		</view>
		<view v-if="index==6">
			<view class="software">
				<view>管理人员应该根据员工的专业能力和工作经验，制定明确的工作职责和目标，让员工知道自己的工作内容和目标要求，同时给予员工必要的支持和指导，帮助员工更好地完成工作任务和目标。。</view>
				<view>
					管理人员应该通过建立有效的反馈渠道和沟通机制，让员工有机会表达自己的想法和意见，让员工感受到自己的声音被听到和重视。。
				</view>
				<view>在员工的反馈和沟通过程中，管理人员要认真倾听和理解员工的需求和问题，对于合理的建议和意见要认真考虑并及时解决，同时对于无理的要求和抱怨也要耐心沟通和引导，帮助员工树立正确的工作态度和价值观。
				</view>
				<view>有效的培训和晋升机制可以激励员工的成长和发展，增强员工的工作能力和素质，同时也能够为公司培养更多的人才和接班人。管理人员应该根据员工的专业能力和职业规划，制定有效的培训和晋升计划，为员工提供必要的培训和晋升机会。在培训和晋升的过程中，管理人员要及时给予指导和支持，帮助员工充分发挥自己的潜力和能力。。</view>
				<view>管理人员还应该注重团队建设、公平公正、激励激励、学习创新等方面，全面提升员工管理的水平和效果。在员工管理的过程中，管理人员要注重细节和人文关怀，关注员工的个性和需求，让员工感受到公司的温暖和关爱，进而为公司的发展贡献更多的力量。</view>
		<!-- 		<view>（1）软件工程是指导对计算机软件产品进行计划、开发和维护的工程学科。</view>
				<view>（2）软件工程促进软件行业从无序到有序，要按照工业化生产过程进行软件开发
					12 软件工程基础与实用教程—基于架构与 MVC 模式的一体化开发
					活动，即任何生产活动都要按照目标化、规范化、文档化、标准化进行，这就是工
					程化。</view>
				<view>• 目标化。工程化的目标是在满足质量的前提下使投入产出的效益最大化。</view>
				<view>• 规范化。有明确的工作阶段、内容和步骤。</view>
				<view>• 文档化。有详细具体的工作规范化文档。</view>
				<view>• 标准化。有明确的质量评价体系和标准。</view> -->
			</view>
		</view>
		<view v-if="index==7" class="software">
			<view>
				<view>服务质量是指服务的效用据其对消费者需求的满足程度的综合表现。服务质量的特点是由服务产品生产的特点决定的，而产品生产的特点则是由消费者的需求所决定。由于消费者的素质不同，对服务的要求必然有所不同。企业应该尽可能地满足他们的服务的要求。</view>
				<view>服务质量包含两个方面的内容：一是技术性质量。指的是服务结果的质量，即服务本身的质量标准、环境条件、网点设置以及服务事项、服务时间、服务设备等是否适应和方便顾客的需求。</view>
				<view>服务质量是服务的客观现实和顾客的主观感觉融为一体的产物。优质服务是指企业的技术性服务质量、功能性质量都为广大顾客所满意的服务。优质的服务来自于企业严格的服务质量管理，加强服务质量管理。</view>
				<view>满意并不意味着忠诚度高，因此经纪商不能放松对于客户忠诚度的追求。在客户下单盈利的交易过程中，经纪商可根据客户留存的资料进行细节关怀，提高客户的`平台认知感，同时CRM根据一些优惠及积分活动增强客户的参与感，真正调动客户的主动意识，从而提高对交易平台的兴趣，真正留住客户。</view>
			</view>
		</view>
		<view v-if="index==8" class="software">
			<view>

				<view>根据《国务院关于职工探亲待遇的规定》相关规定，凡在国家机关、人民团体和全民所有制企业，事业单位工作满一年的固定职工，与配偶/父母不住在一起，又不能在公休假日团聚的，可以享受探亲假。</view>

				<view>事假是因员工私事或其它个人原因而向企业申请的假期，企业可以根据自身状况，通过规章制度来规定本企业的事假申请程序、条件、期限等，该规章制度的内容应当合法且依法履行民主程序。
				</view>

				<view>福利假是企业根据自身实际情况给予员工普惠性的假期，可以视为一种福利，企业可以根据自身状况，通过规章制度进行具体规定。</view>

				<view>
					1、公司实行日考勤制度，考勤工作应专人负责，考勤资料由劳动工资部门长期保存。。
				</view>

				<view>2、公司实行请销假制度，履行请销假手续。职工请假经批准后方可离开工作岗位，请假凭证作为考勤依据。假期期满应及时销假，因特殊情况不能事先办理请假手续或假期期满不能按时回单位工作的，事后应及时出示证明，申明理由，按审批权限补办请假手续。</view>

				<view>
					3、职工请假，7日以内由所在单位(科、室、车间)负责人批准，7日以上报送主管部门负责人批准。
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: 1,
				form: {
					name: "",
					phone: "",
					intro: "",
					admin_id: 5,
				}
			}
		},
		methods: {
			onHide() {
				this.index = 1
			},
			select(i) {
				this.index = i;
				if (i == 2) {
					uni.navigateTo({
						url: "/pages/doctorlistto/doctorlistto"
					})
				}
			},

			gosubmit() {
				uni.request({
					url: 'https://ms.ys-n.com/api/index/submit',
					method: 'POST',
					header: {
						'Content-Type': 'application/json',
					},
					data: this.userInfo,
					success: res => {
						if (res.data.code == 0) {
							this.$u.toast(res.data.msg);
							return;
						} else {
							this.$u.toast(res.data.msg);
							this.form = {

							}
							uni.navigateTo({
								url: `/pages/doctor-details/doctor-details?id=${this.id}`
							})
							return;
						}
						console.log(res);
					},
					fail: () => {},
					complete: () => {}
				});

			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #F5F5F5;
	}

	.homepage {
		.homebanner {
			width: 100%;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.servertype {
			width: 100%;
			height: 225rpx;
			background-color: #ffffff;
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			margin-top: -10rpx;

			.list {
				image {
					width: 130rpx;
					height: 130rpx;
				}

				view {
					margin-top: -30rpx;
					color: #2E2D2D;
					font-size: 28rpx;
					text-align: center;
				}
			}
		}

		.knowshare {
			background-color: #ffffff;
			margin-top: 18rpx;
			padding-bottom: 14rpx;

			.knowshare-title {
				padding: 18rpx 13rpx 13rpx 25rpx;
				line-height: 29rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #3266EB;
			}

			.info {
				background-color: #F5F5F5;
				margin: 0rpx 20rpx 14rpx;
				display: flex;
				height: 195rpx;

				.info-img {
					margin: 19rpx 14rpx 18rpx 16rpx;

					image {
						width: 182rpx;
						height: 158rpx;
					}
				}

				.info-text {
					margin-left: 15rpx;

					.text-title {
						line-height: 40rpx;
						margin-top: 19rpx;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2D2D;
						margin-left: -15rpx;

						i {
							border-radius: 3rpx;
							margin-right: 15rpx;
							display: inline-block;
							height: 20rpx;
							width: 6rpx;
							background-color: #1F45B0;
						}
					}

					.text-intro {
						// height:110rpx;
						line-height: 30rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #2E2D2D;
						display: -webkit-box;
						-webkit-line-clamp: 3;
						-webkit-box-orient: vertical;
						overflow: hidden;
					}
				}
			}
		}

		.compony {
			background-image: url("../../static/img/bj.jpg");
			background-color: #B2831E;
			background-size: cover;
			position-size: 100% 100%;
			width: 100%;
			height: 420rpx;
			margin-top: 22rpx;
			padding-bottom: 55px;

			.compony-title {
				line-height: 78rpx;
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
			}

			.compony-intro {
				font-size: 24rpx;
				line-height: 40rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				margin: 0rpx 40rpx 58rpx 40rpx;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 8;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-indent: 40rpx;
			}

		}
	}


	// 服务咨询
	.consult {

		.consult-btn {
			width: 610rpx;
			line-height: 100rpx;
			background-color: #3266EB;
			margin: 120rpx 60rpx 0rpx;
			font-size: 40rpx;
			text-align: center;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			border-radius: 90rpx;
		}

		.serviceconsultation {
			text-align: center;
			line-height: 110rpx;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #252524;
		}

		.FormSubmission {
			// background-color: #3266EB;
			margin: 28rpx 86rpx 0rpx 76rpx;

			.formname {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 38rpx;
				align-items: stretch;

				.formtext {
					display: inline-block;
					width: 127rpx;
					text-align: justify;
					text-align-last: justify;
					vertical-align: middle;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #252524;
				}

				input {
					display: inline-block;
					width: 430rpx;
					height: 70rpx;
					border: 1px solid #CBCBCB;
					background-color: #ffffff;

				}
			}

			.formarea {
				textarea {
					width: 430rpx;
					height: 150rpx;
					border: 1px solid #CBCBCB;
					background-color: #ffffff;


				}
			}

		}
	}

	.submit {
		position: fixed;
		bottom: 0;
		background-color: #ffffff;
		margin-top: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 100%;
		height: 98rpx;
		font-size: 40rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #2E2D2D;

		view {
			width: 375rpx;
			text-align: center;
			height: 98rpx;
			line-height: 98rpx;

		}

		.active {
			font-weight: 500;
			color: #FFFFFF;
			background-color: #10673F;
		}
	}

	// 服务类型
	.server {
		.servertype {
			width: 100%;
			height: 100%;

			image {
				width: 100%;
			}
		}

		.serve-text {
			margin: 7rpx 20rpx 0rpx;

			.text-title {
				i {
					border-radius: 3rpx;
					margin-right: 15rpx;
					display: inline-block;
					height: 20rpx;
					width: 6rpx;
					background-color: #B2831E;
				}

				line-height: 57rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #2E2D2D;
			}

			.text-intro {
				line-height: 50rpx;
				text-indent: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #2E2D2D;
			}
		}
	}

	//知识分享
	.software {
		border: 1rpx dashed #3266EB;
		margin: 28rpx;

		padding: 30rpx;
		padding-bottom: 100rpx;
		font-size: 30rpx;

		view {
			text-indent: 40rpx;
		}

	}
</style>